<template>
	<view class="container padding">
		<view v-for="(item, index) in memberCards" :key="index" class="primary-bg text-white padding margin-bottom">
			<view class="text-bold">订单编号：{{item.order_sn}}</view>
			<view class="text-sm">
				<view class="margin-top-xs">{{item.body}}</view>
				<view>支付状态：{{item.is_paid ? '已支付' : '未支付'}}</view>
				<view>支付金额：{{item.total_fee}}元</view>
				<view>支付时间：{{item.paid_time}}</view>
			</view>
		</view>
	</view>
</template>

<script>
import memberCardOrder from '@/api/member_card_order.js';
export default {
	data() {
		return {
			memberCards: []
		}
	},
	onLoad() {
		this.getMemberCards();
	},
	methods: {
		async getMemberCards() {
			const res = await memberCardOrder.index();
			this.memberCards = res.data;
		}
	}
}
</script>

<style>
</style>
